<template>
  <div>
    <div class="artList">
      <div class="container">
        <div class="col-md-3 col-xs-6" v-for="(item,index) in artImg" :key="index">
          <div class="artDes">
            <img :src="item.imgUrl" alt="">
            <span>{{item.title}}</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "art-photo",
        data(){
          return{
            artImg:''
          }
        },
        props:['photoData'],
        mounted(){
          this.artImg=this.photoData;
        }
    }
</script>

<style scoped>
  @import '../assets/css/artCommon.css';
</style>
